/*
 * @Author: Carrix
 * @Date:   2020-01-06 18:05:55
 * @Last Modified by: Carrix
 * @Last Modified time: 2020-01-13 16:22:32
 */
import React, { Component } from 'react'
import { NavLink } from "react-router-dom";
import { Layout, Menu, Icon } from 'antd';
const { Sider } = Layout;

import "./index.css"

class AdminSider extends Component {
    render() {
        return (
            <div className="AdminSider">
			    <Sider width={200} style={{ background: '#fff' }}>
			        <Menu
			          mode="inline"
			          style={{ minHeight: 780, borderRight: 0 }}
			        >
			            <Menu.Item key="1">
							<NavLink exact to="/"><Icon type="home" />首页</NavLink>
						</Menu.Item>
			            <Menu.Item key="2">
							<NavLink to="/user"><Icon type="user" />用户管理</NavLink>
						</Menu.Item>
						<Menu.Item key="3">
							<NavLink to="/category"><Icon type="unordered-list" />分类管理</NavLink>
						</Menu.Item>
						<Menu.Item key="4">
							<NavLink to="/product"><Icon type="unordered-list" />商品管理</NavLink>
						</Menu.Item>
			        </Menu>
			    </Sider>
        	</div>
        );
    }
}

export default AdminSider